<?php /* Smarty version Smarty-3.1.8, created on 2012-06-22 10:17:36
         compiled from ".\templates\index.html" */ ?>
<?php /*%%SmartyHeaderCode:164394fcf6ebb844831-85988279%%*/if(!defined('SMARTY_DIR')) exit('no direct access allowed');
$_valid = $_smarty_tpl->decodeProperties(array (
  'file_dependency' => 
  array (
    '06f2fd8d9a960ed1fa3c26ccfad67689d23fc229' => 
    array (
      0 => '.\\templates\\index.html',
      1 => 1339052115,
      2 => 'file',
    ),
  ),
  'nocache_hash' => '164394fcf6ebb844831-85988279',
  'function' => 
  array (
  ),
  'version' => 'Smarty-3.1.8',
  'unifunc' => 'content_4fcf6ebb9417d6_87236949',
  'variables' => 
  array (
    'website_name' => 0,
    'templates_root' => 0,
    'big_title' => 0,
    'big_text' => 0,
    'arr_img' => 0,
    'small_l_title' => 0,
    'small_l_text' => 0,
    'small_r_title' => 0,
    'small_r_text' => 0,
  ),
  'has_nocache_code' => false,
),false); /*/%%SmartyHeaderCode%%*/?>
<?php if ($_valid && !is_callable('content_4fcf6ebb9417d6_87236949')) {function content_4fcf6ebb9417d6_87236949($_smarty_tpl) {?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $_smarty_tpl->tpl_vars['website_name']->value;?>
</title>
<link href="<?php echo $_smarty_tpl->tpl_vars['templates_root']->value;?>
/style/style_pubilc.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $_smarty_tpl->tpl_vars['templates_root']->value;?>
/style/style_index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo $_smarty_tpl->tpl_vars['templates_root']->value;?>
/script/jquery-1.7.1.js"></script>
<script type="text/javascript" src="<?php echo $_smarty_tpl->tpl_vars['templates_root']->value;?>
/script/cloud-carousel.1.0.5.js"></script>

<script type="text/javascript" src="<?php echo $_smarty_tpl->tpl_vars['templates_root']->value;?>
/script/pubilc.js"></script>

<script>
$(document).ready(function(){
	$('.cloudcarousel').mouseover(function(e) {
        $('.img_description').css({'bottom':($(window).height()/2-150)+'px'}).stop(true,true).animate({left:0,opacity:0.8},500);
		$(this).mouseout(function(e) {
            $('.img_description').stop(true,true).animate({left:-330,opacity:0},500);
        });
    });
	// This initialises carousels on the container elements specified, in this case, carousel1.
	$("#carousel1").CloudCarousel(
		{
			xPos: 500,
			yPos: 45,
			buttonLeft: $("#left-but"),
			buttonRight: $("#right-but"),
			altBox: $("#alt-text"),
			titleBox: $("#title-text"),
			bringToFront:true,
			reflHeight:50,
			reflOpacity:0.8,
			speed:0.1,
			xRadius:512,
			yRadius:10,
			autoRotate:"right"
		}
	);
});

</script>

<!--[if IE 6]>
	<script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>
<![endif]-->
<!--[if IE 7]>
	<script>alert('您现在使用的是IE7浏览器，请用IE8以上浏览器浏览已达到最佳效果');</script>
<![endif]-->
<!--[if IE 6]>
	<script>alert('您现在使用的是IE6浏览器，请用IE8以上浏览器浏览已达到最佳效果');</script>
<![endif]-->
</head>

<body>
<div class="box">
  <?php echo $_smarty_tpl->getSubTemplate ('header.tpl', $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, null, null, array(), 0);?>

  <div class="main">
    <div class="main_top">
      <div class="main_icon">
        <div class="main_title">
          <h1><?php echo $_smarty_tpl->tpl_vars['big_title']->value;?>
</h1>
        </div>
        <div class="main_text">
         <?php echo $_smarty_tpl->tpl_vars['big_text']->value;?>

        </div>
      </div>
    </div>
    <div class="main_bottom">
      <div class="main_b_title">
        <h2>作品</h2>
      </div>
        <!-- Define left and right buttons. -->
<!--        <input id="left-but"  type="button" value="Left" />
        <input id="right-but" type="button" value="Right" />-->
      <div class="works" style="height:240px; position:relative">
<!-- This is the container for the carousel. -->
        <div id = "carousel1" style="width:1024px; height:240px;overflow:scroll;">
            <!-- All images with class of "cloudcarousel" will be turned into carousel items -->
            <!-- You can place links around these images -->
            <?php if (isset($_smarty_tpl->tpl_vars['smarty']->value['section']['i'])) unset($_smarty_tpl->tpl_vars['smarty']->value['section']['i']);
$_smarty_tpl->tpl_vars['smarty']->value['section']['i']['name'] = 'i';
$_smarty_tpl->tpl_vars['smarty']->value['section']['i']['loop'] = is_array($_loop=$_smarty_tpl->tpl_vars['arr_img']->value) ? count($_loop) : max(0, (int)$_loop); unset($_loop);
$_smarty_tpl->tpl_vars['smarty']->value['section']['i']['show'] = true;
$_smarty_tpl->tpl_vars['smarty']->value['section']['i']['max'] = $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['loop'];
$_smarty_tpl->tpl_vars['smarty']->value['section']['i']['step'] = 1;
$_smarty_tpl->tpl_vars['smarty']->value['section']['i']['start'] = $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['step'] > 0 ? 0 : $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['loop']-1;
if ($_smarty_tpl->tpl_vars['smarty']->value['section']['i']['show']) {
    $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['total'] = $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['loop'];
    if ($_smarty_tpl->tpl_vars['smarty']->value['section']['i']['total'] == 0)
        $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['show'] = false;
} else
    $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['total'] = 0;
if ($_smarty_tpl->tpl_vars['smarty']->value['section']['i']['show']):

            for ($_smarty_tpl->tpl_vars['smarty']->value['section']['i']['index'] = $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['start'], $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['iteration'] = 1;
                 $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['iteration'] <= $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['total'];
                 $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['index'] += $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['step'], $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['iteration']++):
$_smarty_tpl->tpl_vars['smarty']->value['section']['i']['rownum'] = $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['iteration'];
$_smarty_tpl->tpl_vars['smarty']->value['section']['i']['index_prev'] = $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['index'] - $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['step'];
$_smarty_tpl->tpl_vars['smarty']->value['section']['i']['index_next'] = $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['index'] + $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['step'];
$_smarty_tpl->tpl_vars['smarty']->value['section']['i']['first']      = ($_smarty_tpl->tpl_vars['smarty']->value['section']['i']['iteration'] == 1);
$_smarty_tpl->tpl_vars['smarty']->value['section']['i']['last']       = ($_smarty_tpl->tpl_vars['smarty']->value['section']['i']['iteration'] == $_smarty_tpl->tpl_vars['smarty']->value['section']['i']['total']);
?>
            <img class = "cloudcarousel" src="<?php echo $_smarty_tpl->tpl_vars['templates_root']->value;?>
/uploads/<?php echo $_smarty_tpl->tpl_vars['arr_img']->value[$_smarty_tpl->getVariable('smarty')->value['section']['i']['index']]['img_url'];?>
" width="240" height="150" alt="<?php echo $_smarty_tpl->tpl_vars['arr_img']->value[$_smarty_tpl->getVariable('smarty')->value['section']['i']['index']]['description'];?>
" title="<?php echo $_smarty_tpl->tpl_vars['arr_img']->value[$_smarty_tpl->getVariable('smarty')->value['section']['i']['index']]['title'];?>
"/>
        	<?php endfor; endif; ?>
        </div>
      </div>
      <div class="works_text">
        <div class="the_text">
          <div class="text_title">
            <h3><?php echo $_smarty_tpl->tpl_vars['small_l_title']->value;?>
</h3>
          </div>
          <div class="text_con">
            <p><?php echo $_smarty_tpl->tpl_vars['small_l_text']->value;?>
</p>
          </div>
        </div>
        <div class="the_text">
          <div class="text_title">
            <h3><?php echo $_smarty_tpl->tpl_vars['small_r_title']->value;?>
</h3>
          </div>
          <div class="text_con">
            <p><?php echo $_smarty_tpl->tpl_vars['small_r_text']->value;?>
</p>
          </div>
        </div>
        <div class="clear"></div>
      </div>
    </div>
  </div>
  <?php echo $_smarty_tpl->getSubTemplate ('footer.tpl', $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, null, null, array(), 0);?>

</div>
<div class="img_description" >
  <!-- Define elements to accept the alt and title text from the images. -->
        <p id="title-text" style="color:#3CC; font-weight:bold; font-size:16px; margin-bottom:10px"></p>
        <p id="alt-text" style="color:#fff"></p>
      </div>
</body>
</html>
<?php }} ?>